.collect {
  min-height: 100vh;
  background-color: #f2f2f2;
  box-sizing: border-box;
  padding: 10px;
  padding-top: 46px;
  padding-bottom: 100px;
.cell-box {
  margin: 15px 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #e0e8f6;
    padding-left: 10px;
    box-sizing: border-box;
}

.cell-box .pro-img {
    overflow: hidden;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.cell-box .pro-img img {
  border-radius: 50%;
  width: 100%
}

.cell-box .pro-info {
  width: 70%;
  padding: 10px;
  box-sizing: border-box
}

.cell-box .pro-info .pro-text .ch-name {
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  margin-bottom: 15px
}

.cell-box .pro-info .pro-text .desc {
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义文本的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  color: #a4a4a4;
}

.cell-box .pro-info .pro-text .pro-price {
  color: #e95e4d;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
}

.cell-box .pro-info .plus {
  display: inline-block;
    margin-left: 100px;
}

.cell-box .pro-info .plus div {
  background-color: #0b37be;
  height: 24px;
  width: 24px;
  color: #eff5fa;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  font-size: 20px
}
  .van-nav-bar {
    background: #0d39bf;

    .van-nav-bar__title {
      color: white;
    }

    .van-nav-bar__text {
      color: white;
    }
  }

  .shopcar-body {
    padding: 20px 0;

    .van-empty {
      .van-button {
        width: 160px;
        height: 40px;
        border-color: #0b37be;
        background-color: #0b37be;
      }
    }

    .van-swipe-cell {
      height: 140px;
      margin-bottom: 10px;

      .van-swipe-cell__wrapper {
        height: 100%;

        .van-cell-group {
          height: 100%;

//           .cell-box {
//             height: 100%;
//             background-color: #fdfdfd;
//             border-radius: 0.4rem;
//             display: flex;
//             align-items: stretch;
//             padding: 0.13333rem 0;
//             width: 100%;
//             box-sizing: border-box;
//             padding-left: 10px;
// padding-top: 15px;
//             .cheak {
//               padding: 0 10px;
//             }

//             .cell-img {
//               width: 70px;
//               height: 70px;

//               img {
//                 width: 100%;
//                 height: 100%;
//               }
//             }

//             .cell-info {
//               height: 100%;
//               padding: 0 10px;
//               box-sizing: border-box;
//               flex-grow: 1;

//               .info-top {
//                 text-align: left;
//                 font-size: 14px;

//                 span {
//                   margin-left: 10px;
//                   font-size: 12px;
//                   color: #0b37be;
//                 }
//               }

//               .info-center {
//                 margin-top: 5px;
//                 text-align: left;
//               }

//               .info-bottom {
//                 display: flex;
//                 margin-top: 5px;
//                 justify-content: space-between;

//                 .price {
//                   color: #0b37be;
//                   font-size: 16px;
//                   font-weight: 400;
//                 }
//               }
//             }
//           }
        }
      }

      .van-button {
        height: 100%;
      }
    }
  }

  .shopca-bottom {
    .van-submit-bar {
      .van-submit-bar__bar {
        justify-content: space-between;
      }

      .van-submit-bar__price {
        color: #0b37be;
      }

      .van-button {
        // background-color: #0b37be;
        background: linear-gradient(to right, #ccffff, #0b37be);
      }
    }

  }

  .van-swipe-cell__right {
    right: 3px;
  }
}


